<div class="deliver-container noshrink pct100" fxLayout="column" fxFlex="100%" *ngIf="!isAdd">
    <div class="title noshrink" fxLayout="row">
        <div fxLayout="column" class="padding pct80 noshrink">
            <span>员工班次设置</span>
            <span class="text-s color-gray margin-t-m">预设员工班次</span>
        </div>
        <i class="material-icons btn-save pct20 text-large" fxLayoutAlign="center center" (click)="goTurnOpe('add')">add</i>
        <!--<button class="btn-save pct20">添加</button>-->
    </div>
    <div fxLayout="column" fxLayoutAlign="start center" fxFlex="1 1 100%">
        <div *ngFor="let turn of turns" fxLayout="row" class="border-bottom setup-padding pct95">
            <span fxFlex="100%" fxLayout="row" fxLayoutAlign="space-between center" (click)="goTurnOpe('edit',turn.turn)">
                <span class="pct40 ellipsis">{{turn.turn}}</span>
            <span class="pct60 ellipsis">{{getName(turn.employees)}}</span>
            </span>
            <i class="material-icons" (click)="removeTurns(turn.turn)">clear</i>
        </div>
    </div>
</div>


<div class="deliver-container noshrink pct100" fxLayout="column" fxFlex="100%" *ngIf="isAdd">
    <div class="title noshrink" fxLayout="row">
        <div fxLayout="column" class="padding pct80 noshrink">
            <span>员工班次设置</span>
            <span class="text-s text-gray margin-t-m">预设员工班次</span>
        </div>
        <!--<i class="material-icons btn-save pct20 text-xl" fxLayoutAlign="center center">add</i>-->
        <button class="btn-save pct20 text-xl" (click)="saveTurn()">保存</button>
    </div>
    <div fxLayout="column" fxLayoutAlign="start center" class="turn-container noshrink">
        <md-input-container class="pct95 margin-t-m h3r">
            <input md-input placeholder="员工班次名称" [(ngModel)]="turnName">
        </md-input-container>
        <span class="setup-padding border-bottom pct95 h4r">选择传菜员</span>
        <section class="pct95 h100">

            <div fxLayout="row" class="checkbox-container">
                <div class="h100 relative" fxFlex="90%">
                    <y-scrollable-container (change)="pagingMessageChange($event)">
                        <mpj-checkbox-group [sourceOptions]="checkboxValues" *ngIf="checkboxValues" [checkedValues]="checkedValues" (checkedValuesChange)="checkedValues=$event"
                            (onChange)="onChange($event)">
                            </mpj-checkbox-group>
                    </y-scrollable-container>
                </div>
                <div fxFlex="10%" fxLayout="column" fxLayoutAlign="space-between" class="h100">
                    <span fxLayoutAlign="center" (click)="pagingInfo.turningPage(-1)"><i class="material-icons text-large" *ngIf="previousCount">expand_less</i></span>
                    <span fxLayoutAlign="center" (click)="pagingInfo.turningPage(1)"><i class="material-icons text-large" *ngIf="nextCount">expand_more</i></span>
                </div>
            </div>

            <!--<mpj-checkbox-group [sourceOptions]="checkboxValues" *ngIf="checkboxValues" [checkedValues]="checkedValues" (checkedValuesChange)="checkedValues=$event"
                (onChange)="onChange($event)">
                </mpj-checkbox-group>-->
        </section>

    </div>
</div>